<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <!-- 引入layui 样式-->
    <link rel="stylesheet" href="../../static/css/style.css"/>
    <link rel="stylesheet" href="../../static/layer/css/layui.css"/>
    <link rel="stylesheet" href="../../static/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../static/ucss/contract/Room_contract.css"/>
    <script type="text/javascript" src="../../static/layer/layui.js"></script>
    <script type="text/javascript" src="../../static/js/jquery-1.9.1.min.js"></script>
</head>
<body>
<form class="layui-form">

    <div class="layui-tab layui-tab-brief" lay-filter="contractInfoTabBrief">
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div class="tab-body">
                    <!--房间基本信息-->
                    <i class="fa fa-plus jia AUTH-HTQX_LR" aria-hidden="true" title="新增合同"></i>
                    <div>

                        <div class="quote-submit-person">
                            <i class="fa fa-caret-right fa-4x" aria-hidden="true" title="关闭"></i>
                            <span class="roomarea">250</span>㎡
                            <hr>
                            <span class="unit"></span>单元<br>
                            <span class="roomnum"></span>室
                        </div>
                        <div class="quote-housing-info">
                            <hr>
                                    <div class="conItem">
                                   <!-- <input type="checkbox" lay-filter="htitem" id="htitem" title="合同1">-->
                                    </div>
                               <!-- <div class="layui-btn layui-btn-sm layui-btn-normal select1">合同1<input type="hidden" id="selectCon" value="1"></div>-->

                            <!--租房合同-->
                            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                                <ul class="layui-tab-title">
                                    <li class="layui-this">租房合同</li>
                                    <li>租客账单</li>
                                    <li>操作历史</li>
                                </ul>
                                <div class="layui-tab-content">
                                    <div class="layui-tab-item layui-show">
                                        <blockquote class="layui-elem-quote layui-text"> 生效合同:</blockquote>
                                        <div class="room-box">
                                            <div class="layui-col-xs12 layui-col-md12">
                                                <div class="grid-demo grid-demo-bg2 contractItem">
                                                    合同名称（合同周期：  <span class="CON_HR_DATE"></span>至 <span class="CON_END_DATE"></span>）

                                                    <!--<a href="javascript:;" id="" class="layui-btn layui-btn-mini xuzu">续租</a>-->
                                                    <a href="javascript:;" id="" class="layui-btn layui-btn-mini layui-btn-danger AUTH-HTQX_TZ tuizu">退租</a>
                                                    <a href="javascript:;" id="" class="layui-btn layui-btn-mini AUTH-HTQX_CK chakan">查看</a>
                                                   <!-- <a href="javascript:;" id="" class="layui-btn layui-btn-mini xuzu">作废</a>
                                                    <a href="javascript:;" id="" class="layui-btn layui-btn-mini xuzu">变更</a>-->
                                                </div>
                                            </div>
                                        </div>
                                        <br>
                                        <!--承租人信息-->
                                        <blockquote class="layui-elem-quote layui-text">承租人信息:</blockquote>
                                        <div class="layui-tab-item layui-show czrxx">
                                            <div class="room-box">
                                                <div class="layui-col-xs6">
                                                    <div class="grid-demo"><label class="layui-form-label">公司:</label>
                                                    </div>
                                                </div>
                                                <span class="layui-form-label COMPANY"></span>
                                                <hr>
                                                <div class="layui-col-xs6">
                                                    <div class="grid-demo"><label class="layui-form-label">所属行业:</label>
                                                    </div>
                                                </div>
                                                <span class="layui-form-label TRADE"></span>
                                                <hr>
                                                <div class="layui-col-xs6">
                                                    <div class="grid-demo"><label class="layui-form-label">法&nbsp;&nbsp;&nbsp;人:</label>
                                                        <span class="layui-form-label LEG_REN"></span>
                                                    </div>
                                                </div>
                                                <div class="layui-col-xs6">
                                                    <div class="grid-demo"><label class="layui-form-label">联系电话:</label>
                                                        <span class="layui-form-label LEG_TEL"></span>
                                                    </div>
                                                </div>
                                                <hr>
                                                <div class="layui-col-xs6">
                                                    <div class="grid-demo"><label class="layui-form-label">签订人:</label>
                                                        <span class="layui-form-label SIGN_REN"></span>
                                                    </div>
                                                </div>
                                                <div class="layui-col-xs6">
                                                    <div class="grid-demo"><label class="layui-form-label">联系电话:</label>
                                                        <span class="layui-form-label SIGN_TEL"></span>
                                                    </div>
                                                </div>
                                                <hr>
                                                <div class="layui-col-xs6">
                                                    <div class="grid-demo"><label class="layui-form-label">通讯地址:</label>
                                                        <span class="layui-form-label ADDRESS"></span>
                                                    </div>
                                                </div>
                                                <hr>
                                            </div>
                                        </div>

                                        <!--租赁信息-->
                                        <blockquote class="layui-elem-quote layui-text">租赁信息:</blockquote>
                                        <div class="room-box zlxx" data-index="0" >
                                            <div class="layui-col-xs6">
                                                <div class="grid-demo"><label class="layui-form-label">合同编号:</label>
                                                    <span class="layui-form-label contract_num"></span>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="layui-col-xs6">
                                                <div class="grid-demo"><label class="layui-form-label">付款日期:</label>
                                                    <span class="layui-form-label ant_pay_day"></span><span
                                                            class="layui-form-label"></span>
                                                </div>
                                            </div>
                                            <div class="layui-col-xs6">
                                                <div class="grid-demo"><label class="layui-form-label">保证金:</label>
                                                    <span class="layui-form-label BOND"></span><span
                                                            class="layui-form-label">元</span>
                                                </div>
                                              </div>
                                            <hr>
                                            <div class="layui-col-xs6">
                                                <div class="grid-demo"><label class="layui-form-label">合同签订时间:</label>
                                                    <span class="layui-form-label CON_DATE"></span>
                                                </div>
                                            </div>
                                            <div class="layui-col-xs6">
                                                <div class="grid-demo"><label class="layui-form-label">租金:</label>
                                                    <span class="layui-form-label rent"></span><span
                                                            class="layui-form-label"></span>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="layui-col-xs6">
                                                <div class="grid-demo"><label class="layui-form-label">计租开始时间:</label>
                                                    <span class="layui-form-label con_hr_date"></span>
                                                </div>
                                            </div>
                                            <div class="layui-col-xs6">
                                                <div class="grid-demo"><label class="layui-form-label">计租结束时间:</label>
                                                    <span class="layui-form-label con_end_date"></span>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="layui-col-xs12">
                                                <div class="grid-demo"><label class="layui-form-label">租金年递增率:</label>
                                                    <span class="layui-form-label increas_type"></span>
                                                    <span class="layui-form-label late_fee"></span>

                                                </div>
                                                <div class="layui-col-xs9" style="margin-left: 135px">
                                                    <span  class="discounts"></span>
                                                </div>
                                            </div>
                                            <hr>
                                        </div>

                                        <!--杂费信息-->
                                        <blockquote class="layui-elem-quote layui-text">杂费信息:</blockquote>
                                        <div class="room-box" data-index="0">
                                            <!--<div class="layui-row">
                                                <div class="layui-col-xs2">
                                                    <div class="grid-demo"><label class="layui-form-label">水费</label>
                                                        <span class="layui-form-label contract_num"></span>
                                                    </div>
                                                </div>
                                                <div class="layui-                 col-xs6">
                                                    <div class="grid-demo"><label class="layui-form-label">按表收费
                                                        抄表后 <span class="CHARGE_DATE"></span>天付费</label>
                                                        <span class="layui-form-label contract_num"></span>
                                                    </div>
                                                </div>
                                                <div class="layui-col-xs4">
                                                    <div class="grid-demo"><label
                                                            class="layui-form-label">费用单价：<span class="CHARGE_PRICE"></span>元/吨</label>
                                                        <span class="layui-form-label contract_num"></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="layui-row">
                                                <div class="layui-col-xs2">
                                                    <label class="layui-form-label"></label>
                                                </div>
                                                <div class="layui-col-xs6">
                                                    <label class="layui-form-label">抄表时间：<span class="INIT_READ_TIME"></span></label>
                                                </div>
                                                <div class="layui-col-xs4">
                                                    <label class="layui-form-label">抄表读数：<span class="INIT_READ"></span></label>
                                                </div>
                                            </div>
                                            <div class="layui-row">
                                                <div class="layui-col-xs2">
                                                    <label class="layui-form-label"></label>
                                                </div>
                                                <div class="layui-col-xs6">
                                                    <label class="layui-form-label">付款周期：<span class="PAY_DATE"></span>个月</label>
                                                </div>
                                            </div>
                                            <div class="layui-row">
                                                <div class="layui-col-xs2">
                                                    <label class="layui-form-label">电费</label>
                                                </div>
                                                <div class="layui-col-xs6">
                                                    <label class="layui-form-label">固定收费</label>
                                                </div>
                                                <div class="layui-col-xs4">
                                                    <label class="layui-form-label">费用金额:10元/月</label>
                                                </div>
                                            </div>
                                            <div class="layui-row">
                                                <div class="layui-col-xs2">
                                                    <label class="layui-form-label"></label>
                                                </div>
                                                <div class="layui-col-xs6">
                                                    <label class="layui-form-label">付款周期：3个月</label>
                                                </div>
                                            </div>
                                            <div class="layui-row">
                                                <div class="layui-col-xs2">
                                                    <label class="layui-form-label">物业费</label>
                                                </div>
                                                <div class="layui-col-xs6">
                                                    <label class="layui-form-label">固定收费</label>
                                                </div>
                                                <div class="layui-col-xs4">
                                                    <label class="layui-form-label">费用金额:10元/月</label>
                                                </div>
                                            </div>
                                            <div class="layui-row">
                                                <div class="layui-col-xs2">
                                                    <label class="layui-form-label"></label>
                                                </div>
                                                <div class="layui-col-xs6">
                                                    <label class="layui-form-label">付款周期：3个月</label>
                                                </div>
                                            </div>-->

                                            <div class="property-info"></div>
                                        </div>

                                        <!--历史合同-->
                                        <blockquote class="layui-elem-quote layui-text">历史合同:</blockquote>
                                        <div class="room-box">
                                            <div class="layui-row zfht">

                                               <!-- <div class="layui-col-xs9">
                                                    <div>退租未结清（合同周期：2017-09-01 至 2018-09-01）</div>
                                                </div>
                                                <div class="layui-col-xs2">
                                                    <a href="javascript:;" id=""
                                                       class="layui-btn layui-btn-mini ">退租待结清</a>
                                                </div>
                                                <div class="layui-col-xs1">
                                                    <a href="javascript:;" id=""
                                                       class="layui-btn layui-btn-mini ">详情</a>
                                                </div>-->
                                            </div>
                                            <hr>
                                            <div class="layui-row">
                                                <!--<div class="layui-col-xs9">
                                                   <div> 退租已结清（合同周期：2017-09-01 至 2018-09-01）</div>
                                                </div>
                                                <div class="layui-col-xs2">
                                                    <label class="layui-form-label"></label>
                                                </div>
                                                <div class="layui-col-xs1">
                                                    <a href="javascript:;" id=""
                                                       class="layui-btn layui-btn-mini ">详情</a>
                                                </div>-->
                                            </div>
                                        </div>

                                        <!--未来合同-->
                                        <blockquote class="layui-elem-quote layui-text">未来合同:</blockquote>
                                        <div class="room-box">
                                            <div class="layui-row">
                                                <!--<div class="layui-col-xs9">
                                                    <div>合同名称（合同周期：2017-09-01 至 2018-09-01）</div>
                                                </div>
                                                <div class="layui-col-xs2">
                                                    <a href="javascript:;" id=""
                                                       class="layui-btn layui-btn-mini ">新建待审核</a>
                                                </div>
                                                <div class="layui-col-xs1">
                                                    <a href="javascript:;" id=""
                                                       class="layui-btn layui-btn-mini ">详情</a>
                                                </div>-->
                                            </div>
                                        </div>
                                    </div>
                                    <!--租客账单-->
                                    <div class="layui-tab-item">
                                        <div class="layui-row">
                                            <div class="layui-col-xs12">
                                            <div class="layui-elem-quote layui-text"> 待处理账单:
                                               <div id="tjzd" class="layui-btn layui-btn-small AUTH-CWQX_TJZD tjzd">添加账单</div>
                                            </div>
                                            </div>
                                        </div>
                                        <table id="daichuli" lay-filter="dclf"></table>
                                        <script type="text/html" id="dclbar">
                                            <a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="detail">查看</a>
                                            <a class="layui-btn layui-btn-mini" lay-event="dclsf">收费</a>
                                        </script>
                                        <!--未来账单-->
                                        <blockquote class="layui-elem-quote layui-text"> 未来账单:</blockquote>
                                        <table id="weilai" lay-filter="wlf"></table>
                                        <script type="text/html" id="wlbar">
                                            <a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="detail">查看</a>
                                            <a class="layui-btn layui-btn-mini" lay-event="edit">收费</a>
                                        </script>
                                        <!--已处理-->
                                        <blockquote class="layui-elem-quote layui-text"> 已处理账单:</blockquote>
                                        <table id="yichuli" lay-filter="yichulif"></table>
                                        <script type="text/html" id="yclbar">
                                            <a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="detail">查看</a>
                                        </script>
                                        <!--自用账单-->
                                        <blockquote class="layui-elem-quote layui-text"> 自用账单:</blockquote>
                                        <table id="ziyong" lay-filter="ziyongf"></table>
                                        <script type="text/html" id="ziyongbar">
                                            <a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="detail">查看</a>
                                        </script>
                                    </div>
                                    <!--操作详情-->
                                    <div class="layui-tab-item"><table id="xiangqing"></table></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
</body>
<script type="text/javascript" src="../../static/js/common/queryUtils.js"></script>
<script type="text/javascript" src="../../static/js/common/typeUtils.js"></script>
<script type="text/javascript" src="../../static/js/common/authUtils.js"></script>
<script type="text/javascript" src="../../static/ujs/contract/Room_contract.js"></script>
</html>